import { Message, MessageBox } from '@csii/vx-web';
import util from '@/utils/index.js';
import router from '@/router';
import { AccountLogin } from '@/api/sys.login';

export default {
  namespaced: true,
  actions: {
    /**
     * @description 登录
     * @param {Object} param context
     * @param {Object} param username {String} 用户账号
     * @param {Object} param password {String} 密码
     * @param {Object} param route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
     */
    login({ commit, dispatch }, { username = '', password = '' } = {}) {
      return new Promise((resolve, reject) => {
        // 开始请求登录接口
        AccountLogin({
          username,
          password,
        })
          .then(async (res) => {
            // 设置 cookie 一定要存 uuid 和 token 两个 cookie
            // 整个系统依赖这两个数据进行校验和存储
            // uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
            // token 代表用户当前登录状态 建议在网络请求中携带 token
            // 如有必要 token 需要定时更新，默认保存一天
            util.cookies.set('uuid', res.uuid);
            util.cookies.set('token', res.token);
            // 设置 vuex 用户信息
            await dispatch(
              'vxadmin/user/set',
              {
                name: res.name,
              },
              { root: true },
            );
            // 用户登录后从持久化数据加载一系列的设置
            await dispatch('load');

            // add by lss
            if (res.list) {
              const menuHeader = res.list;
              dispatch('vxadmin/menu/initMenu', menuHeader, { root: true });
              commit('vxadmin/search/init', menuHeader, { root: true });
            }

            // 结束
            resolve();
          })
          .catch((err) => {
            reject(err);
          });
      });
    },
    /**
     * @description 注销用户并返回登录页面
     * @param {Object} param context
     * @param {Object} param confirm {Boolean} 是否需要确认
     */
    logout({ commit, dispatch }, { confirm = false } = {}) {
      /**
       * @description 注销
       */
      async function logout() {
        // 删除cookie
        util.cookies.remove('token');
        util.cookies.remove('uuid');
        // 清空 vuex 用户信息
        await dispatch('vxadmin/user/set', {}, { root: true });
        // 跳转路由
        router.push({
          name: 'login',
        });
      }
      // 判断是否需要确认
      if (confirm) {
        commit('vxadmin/gray/set', true, { root: true });
        MessageBox.confirm('注销当前账户吗?  打开的标签页和用户设置将会被保存。', '确认操作', {
          confirmButtonText: '确定注销',
          cancelButtonText: '放弃',
          cancelButtonClass: 'default-btn', // 取消按钮的自定义类名
          type: 'warning',
        })
          .then(() => {
            commit('vxadmin/gray/set', false, { root: true });
            logout();
          })
          .catch(() => {
            commit('vxadmin/gray/set', false, { root: true });
            Message({
              message: '放弃注销用户',
            });
          });
      } else {
        logout();
      }
    },
    /**
     * @description 用户登录后从持久化数据加载一系列的设置
     * @param {Object} state vuex state
     */
    load({ dispatch }) {
      // eslint-disable-next-line no-async-promise-executor
      return new Promise(async (resolve) => {
        // DB -> store 加载用户名
        await dispatch('vxadmin/user/load', null, { root: true });
        // DB -> store 加载主题
        await dispatch('vxadmin/theme/load', null, { root: true });
        // DB -> store 加载页面过渡效果设置
        await dispatch('vxadmin/transition/load', null, { root: true });
        // DB -> store 持久化数据加载上次退出时的多页列表
        await dispatch('vxadmin/page/openedLoad', null, { root: true });
        // DB -> store 持久化数据加载侧边栏折叠状态
        await dispatch('vxadmin/menu/asideCollapseLoad', null, { root: true });
        // DB -> store 持久化数据加载全局尺寸
        await dispatch('vxadmin/size/load', null, { root: true });
        // end
        resolve();
      });
    },
  },
};
